我知道你问这个问题已经有一段时间了，但我最近一直在与这个问题作斗争，我想谈谈我的发现，以防有人想知道。因此，Tailwind UI提供3种变体的组件：如果您选择HTML，那么您必须弄清楚如何编写自己的JavaScript。this answer提到了这一点，但是我将详细说明这一点。除了在他们的网站上提到"做你自己的JavaScript"，他们还告诉我们在添加JavaScript时应该如何设置组件的样式：

然而，这并没有告诉我们必须自己编写代码。当然，我们遗漏了一些东西，对吗？事实证明，并不是这样。基本上，布局的"动态"方面是通过Headless UI实现的，Headless UI是由同一批人开发和维护的一组组件，它只有三个公共包：x一个一个一个一个一个一个一个一个一个一个一个和x一个一个一个一个二个一个。我运行了npm i @headlessui/tailwindcss并添加了@headlessui/tailwindcss到插件中，但它并没有做太多事情。如果你检查包的源代码，你会发现一个非常小的index.js，它只添加了一些实用程序类。所以这没有帮助，我不得不删除它。到目前为止，最可行的选择似乎是获取React或Vue版本的模板，并将其集成到您的管道中，否则您将不得不编写一堆JS来基本上重新实现自己的无头UI。我仍然在寻找一个基于importmap的解决方案来集成Vue，而webpack应该是非常直接的。